<div>
  <el-breadcrumb separator-class="el-icon-arrow-right" style="height:40px;padding: 0 10px">
    <div style="line-height:40px">
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
<el-breadcrumb-item>用户管理</el-breadcrumb-item>
<el-breadcrumb-item>管理权限</el-breadcrumb-item>
</div>
</el-breadcrumb>
  <el-input v-model="input1" placeholder="请输入内容" style="width:70%"></el-input>
   <el-button slot="append" icon="el-icon-search" @click.prevent="query"></el-button>
  <el-button type="primary" icon="el-icon-search" @click.prevent='dialogFormVisible=true'>添加</el-button>
  <el-table
    :data="tableData"
    style="width: 100%">
    <el-table-column
      prop="username"
      label="姓名"
      width="180">
    </el-table-column>
    <el-table-column
      prop="email"
      label="邮箱"
      width="180">
    </el-table-column>
    <el-table-column
      prop="mobile"
      label="电话">
    </el-table-column>
    <el-table-column
      prop="address"
      label="状态">
    </el-table-column>
    <el-table-column
      prop="handle"
      label="操作">
    </el-table-column>

  </el-table>
  <el-pagination
background
layout="prev, pager, next"
:total="total"
:page-size='2'
:current-page='currentpage'
@current-change='currentchange'
>
</el-pagination>
<el-dialog title="添加用户" :visible.sync="dialogFormVisible">
  <!-- <el-form :model="form" :rules='rules' ref='from'>
    <el-form-item label="用户名" prop='username'>
      <el-input v-model="form.username" ></el-input>
    </el-form-item>
    <el-form-item label="密码" prop='password'>
      <el-input v-model="form.password" ></el-input>
    </el-form-item>
    <el-form-item label="邮箱" prop='email'>
      <el-input v-model="form.email" ></el-input>
    </el-form-item>
    <el-form-item label="电话" prop='mobile'>
      <el-input v-model="form.moblie" ></el-input>
    </el-form-item>
  </el-form> -->
  <el-form
          :model="form"
          :rules="rules"
          ref="ruleForm"
          label-width="100px"
          class="demo-ruleForm"
        >
          <el-form-item label="用户名" prop="username">
            <el-input v-model="form.username"></el-input>
          </el-form-item>
          <el-form-item label="密码" prop="password">
            <el-input v-model="form.password"></el-input>
          </el-form-item>
          <el-form-item label="邮箱" prop='email'>
            <el-input v-model="form.email"></el-input>
          </el-form-item>
          <el-form-item label="电话" prop='mobile'>
            <el-input v-model="form.mobile" ></el-input>
          </el-form-item>
        </el-form>
  <div slot="footer" class="dialog-footer">
    <el-button @click="dialogFormVisible = false">取 消</el-button>
    <el-button type="primary" @click.prevent='addform'>确 定</el-button>
  </div>
</el-dialog>
</div>
